<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>月度项目订单报表</title>
    <#include "../common/htmlHeard.ftl">
  </head>
  
  <body>
    <div class="x-nav">
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
      <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so"  action="/admin/order/monthlyList">
            <div class="layui-input-inline">
                <select name="monthly" class="monthlySelect">
                    <option value="">月份选择</option>
                    <option value="01">一月</option>
                    <option value="02">二月</option>
                    <option value="03">三月</option>
                    <option value="04">四月</option>
                    <option value="05">五月</option>
                    <option value="06">六月</option>
                    <option value="07">七月</option>
                    <option value="08">八月</option>
                    <option value="09">九月</option>
                    <option value="10">十月</option>
                    <option value="11">十一月</option>
                    <option value="12">十二月</option>
                </select>
            </div>
            <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
            <a class="layui-btn"  onclick="exprot()">导出</a>
        </form>
          <form action="/admin/order/excel" id="exprotFrom">
              <input hidden type="text" name="monthly" id="monthlyVal" >
          </form>
      </div>
      <xblock>
        <span class="x-right" style="line-height:40px">共有数据：${pageInfo.totalElements} 条</span>
      </xblock>
        <table class="layui-table">
            <thead>
            <tr>
                <th>项目编号</th>
                <th>项目名称</th>
                <th>项目经理</th>
                <th>总额(元)</th>
            </tr>
            </thead>
            <tbody>
        <#list pageInfo.content as o>
        <tr>
            <td>${(o.PROJECT_TYPE)!''}</td>
            <td>${(o.PROJECT_NAME)!''}</td>
            <td>${(o.PROJECT_MANAGER)!''}</td>
            <td>${(o.AMOUNT)!''}</td>
        </tr>
        </#list>
            </tbody>
        </table>
        <#include "../common/pageHelp.ftl">

    </div>
    <script>
      layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });
      });

      function exprot() {
        var monthly = $(".monthlySelect").val();
        $("#monthlyVal").val(monthly);
        $("#exprotFrom").submit();
      }
    </script>
    <script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();</script>
  </body>

</html>